<!DOCTYPE html>
<html>

<head>
	<title>Photo Point</title>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	
	<link href="css/styles.css" type="text/css" rel="stylesheet" />
	<link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css">
	<script src="js/jquery-1.10.2.min.js"></script>
	<script src="js/jquery.mobile-1.3.2.min.js"></script>	
</head>


<body>
<div data-role="page">

	<!-- 	PANEL -->
	<div data-role="panel" id="category_panel" data-position="left" data-display="overlay" data-theme="a">
		 <!-- panel content goes here -->
		 <ul data-role="listview" data-theme="a">
		 	<!-- 这里需要用代码自动生成 分类选项-->
			<li><a href="#">旅游</a></li>
			<li><a href="#">聚会</a></li>
			<li><a href="#">生活</a></li>
			<li><a href="#header" data-rel="close">Close</a></li>
		 </ul>
		
	</div><!-- /panel -->
	
	<div data-role="panel" id="option_panel" data-position="right" data-display="push" data-theme="a">
		 <!-- panel content goes here -->
		 		 <!-- panel content goes here -->
		 <ul data-role="listview" data-theme="a">
			<li><a href="#" data-icon="gear" class="ui-btn-right">添加到浏览器书签</a></li>
			<li><a href="#" data-icon="gear" class="ui-btn-right">分享</a></li>
			<li><a href="#" data-icon="gear" class="ui-btn-right">关于</a></li>
			<li><a href="#header" data-rel="close">Close</a></li>
		 </ul>
		 
	</div><!-- /panel -->
	
	<!-- 	HEADER -->
	<div id="header" data-role="header">
		<a href="#category_panel" data-icon="bars">分类</a>
		<!-- height="30" -->
		<h1><img src="img/logo.jpg"  height="20";></h1>
		
		<a href="#option_panel" data-icon="gear" class="ui-btn-right">Options</a>
	</div><!-- /header -->
	
	<!-- 	PAGE content -->
	<div data-role="content">

		<div id="MainContent">
		
			<div class="page-content">
				<h1>相册列表</h1>
			</div>
		
			<ul id="Flolder" class="folder">
		
				{{str2html .folderlst}}
		
		  </ul>
			
		</div>	
		
	</div><!-- /content -->

	<!-- 	FOOTER -->
	<div data-role="footer">
		<h4>Copyright 2013 PhotoPoint</h4>
	</div><!-- /footer -->
	
</div><!-- /page -->

</body>
</html>
